<%@ include file="/pages/ModelDialog.jsp" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html>
<head>
	<sx:head debug="true" cache="false"/>
	<link type="text/css" rel="stylesheet" media="all" href="<s:url value='css/main.css' />"> 
	<script type="text/jscript" src="<s:url value="/js/Common.js"/>"></script>
	<script type="text/jscript" src="<s:url value="/js/ModalDialog.js"/>"></script>
</head>

<body class="font_normal">
<div align="center">
	<div class="container" style="width: 1020px"> 
		<div class="header box" align="left" >  	 
			<div style="margin: 4px;border:1px solid black;vertical-align:top;"> 
				<img alt="logo" src="<s:url value="/images/logo.png"/>"> 
				<img alt="logo" src="<s:url value="/images/banner_pic1.png"/>">
				<span class="banner_title" >
					<span class="white_back">Join us to network with people from all over the world</span>
				</span>
				<span><img alt="logo" src="<s:url value="/images/banner_pic2.png"/>"></span>
				 
			</div>
		</div>
		<div class="left">
		
			<div class="box" style="height: 100px">
				<span class="box_title" >
				Login Info
				</span>
				 
				<div> 
						<table class="font_normal light_blue" border="0">  
							<tr >
								<td  style="height:15px;"> 
									<div style="height:18px;padding:2px;padding-left:5px;padding-right:5px;" class="white_back black">Email:</div>
								</td>
								<td>
									<s:textfield name="email" cssStyle="width:125px;height:18px;border:1px solid white;"/>
								</td>
							</tr>
							<tr>
								<td >
									<div style="height:18px;padding:2px;padding-left:5px;padding-right:5px" class="white_back black">Password:</div>
								</td>
								<td>
									<s:password name="password" cssStyle="width:125px;height:18px;border:1px solid white;"/>
								</td>
							</tr>
						</table>
						
						<div> <button  class="sys_button">Login In </button> &nbsp;&nbsp;&nbsp; <button class="sys_button">Sign Up</button> </div>
				</div>
				
			</div>
		
			<div class="box" style="height: 200px">
				<span class="box_title" >
				Upcoming Events
				</span>
				
				<div>
					<s:if test="comingPartyList.size >0">
						<div style="height:100px"> 	
							<table class="font_normal list_content" width="100%" border="0">
								<s:iterator value="comingPartyList" status="stat">
									<tr class="white_back"><td>&nbsp;<s:property value="name"/>&nbsp;,&nbsp;<s:date name="startDate" format="MM/dd/yyyy" /></td></tr>
								</s:iterator>
							
							</table>
						</div> 
						  	 
						<div>
						<span style="width:25%" class="white">  
						<s:if test="currentFirstComingRecord>0">
						&lt;&lt;&lt;&lt;</s:if></span>
						<span style="width:45%" class="white"> <s:property value="currentFirstComingRecord+1"/> - <s:property value="currentFirstComingRecord+comingPartyList.size"/> / <s:property value="totalComingEvents"/> </span>
						<span style="width:25%;cursor:hand;" class="white">
						<s:if test="currentFirstComingRecord+7 < totalComingEvents">
						&gt;&gt;&gt;</s:if></span>  
						</div>
						
						<div class="list_note">Click on an event to see details or RSVP</div>
					</s:if>
					<s:else>
						No Upcoming Events
					</s:else>
				</div>
				
			</div>
			
			<div class="box" style="height: 200px;">
				<span class="box_title" >
				Past Events
				</span>
				
				<div>
					<s:if test="pastPartyList.size >0">
					<div style="height:100px">
						<table class="font_normal list_content" width="100%" >
							<s:iterator value="pastPartyList" status="stat">
								<tr class="white_back"><td>&nbsp;<s:property value="name"/>&nbsp;,&nbsp;<s:date name="startDate" format="MM/dd/yyyy" /></td></tr>
							</s:iterator>
						
						</table>
						</div>
						
						<div>
						<span style="width:25%"  class="white">   
						<s:if test="currentPastComingRecord>0">
						&lt;&lt;&lt;&lt;</s:if></span>
						<span style="width:45%"  class="white"> <s:property value="currentFirstPastRecord+1"/> - <s:property value="currentFirstPastRecord+pastPartyList.size"/> / <s:property value="totalPastEvents"/> </span>
						<span style="width:25%;cursor:hand;"  class="white">
						<s:if test="currentFirstPastRecord+7 < totalPastEvents">
						&gt;&gt;&gt;</s:if></span>   
						</div>
						
						<div class="list_note">Click on an event to view what you missed</div>
					</s:if>
					<s:else>
						No Past Events
					</s:else>
				</div>
				
			</div>
		
		
		</div>
		
		
		<div class="content box" style="width:540px;height:500px;" >
			<div id="pictureArea" style="height:200px"> 
				Party pictures here
				<s:url id="getPic" action="fetchAdIcon1"  namespace="">
									</s:url>
				<img src="<s:url action="fetchAdIcon"/>" id="employeePhoto" height="20px" width="20px"  alt="ICON" >
			</div>
		     
		   
		<div class="content box"  style="text-align:center;width:96%;height:300px;margin-bottom:10px"> 
			Featured Events
		</div>
		</div>
		
		
		<div class="right"  style="height:400px">
		
			<div class="box" style="height:250px">
		 		<span class="box_title" >
				 Promotions
				</span>
				
				
				
				 
			</div>
		
		 	<div class="box" style="height:250px">
		 		<span class="box_title" >
				 Advertisement
				</span>
				
				<div>
					<s:if test="adList.size >0">
						<table class="font_normal list_content" width="100%">
							<s:iterator value="adList" status="stat" var="curr">
							
								<s:if test="icon != null">
									<s:url id="getIcon" action="fetchAdIcon" >
										<s:param name="ad.id" value="%{adList[#stat.index].id}"></s:param>
									</s:url>
								</s:if>
								<tr class="white_back"><td>&nbsp;
									<s:if test="icon != null">
										<img src="<s:property value='getIcon'/>" id="employeePhoto" height="20px" width="20px"  alt="ICON" >
									</s:if>
									<a href="<s:property value="link"/>" ><s:property value="name"/></a></td></tr>
							</s:iterator>
						
						</table>
					</s:if>
					<s:else>
						No Ads
					</s:else>
				</div>
				
			</div>
		 
		</div>
		
		
		<div class="footer">Footer</div>
	</div>
</div>
</body>
</html>
